﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Hotel/MasterHotel.master" AutoEventWireup="true"
    CodeFile="Service.aspx.cs" Inherits="Hotel_Service" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
    <script src="../js/webwidget_scroller_tab.js" type="text/javascript"></script>
    <link href="CSS/webwidget_scroller_tab.css" rel="stylesheet" type="text/css" />
    <link href="CSS/text.css" rel="stylesheet" type="text/css" />
    <script language="javascript" type="text/javascript">
        $(function () {
            $(".webwidget_scroller_tab").webwidget_scroller_tab({
                scroller_time_interval: '50000',
                scroller_window_padding: '5',
                scroller_window_width: '662',
                scroller_window_height: '300',
                scroller_head_text_color: '#0099FF',
                scroller_head_current_text_color: '#666',
                directory: 'images'
            });
        });
    </script>
    <style>
        /* Shared styles */
        .drop-shadow
        {
            position: relative;
            float: left;
           /* width: 130PX;*/
           height:120px;
            padding: 0 0 2px 0;
            margin: 10px 5px 25px;
            background: #fff;
            -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 60px rgba(0, 0, 0, 0.1) inset;
            -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        }
        .drop-shadow:before, .drop-shadow:after
        {
            content: "";
            position: absolute;
            z-index: -1;
        }
        .drop-shadow p
        {
            font-size: 10px;
            font-weight: bold;
            text-align:center;
        }
        /* Lifted corners */
        .lifted
        {
            -moz-border-radius: 4px;
            border-radius: 4px;
        }
        .lifted:before, .lifted:after
        {
            bottom: 15px;
            left: 10px;
            width: 50%;
            height: 20%;
            max-width: 300px;
            -webkit-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
            -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
            box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
            -webkit-transform: rotate(-3deg);
            -moz-transform: rotate(-3deg);
            -o-transform: rotate(-3deg);
            transform: rotate(-3deg);
        }
        .lifted:after
        {
            right: 10px;
            left: auto;
            -webkit-transform: rotate(3deg);
            -moz-transform: rotate(3deg);
            -o-transform: rotate(3deg);
            transform: rotate(3deg);
        }
        /* Curved shadows */
        .curved:before
        {
            top: 10px;
            bottom: 5px;
            left: 0;
            right: 50%;
            -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.6);
            -moz-box-shadow: 0 0 15px rgba(0,0,0,0.6);
            box-shadow: 0 0 15px rgba(0,0,0,0.6);
            -moz-border-radius: 10px / 100px;
            border-radius: 10px / 100px;
        }
        .curved-vt-2:before
        {
            right: 0;
        }
        .curved-hz-1:before
        {
            top: 50%;
            bottom: 0;
            left: 10px;
            right: 10px;
            -moz-border-radius: 100px / 10px;
            border-radius: 100px / 10px;
        }
        .curved-hz-2:before
        {
            top: 0;
            bottom: 0;
            left: 10px;
            right: 10px;
            -moz-border-radius: 100px / 10px;
            border-radius: 100px / 10px;
        }
    </style>  
   
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <div class="col2 pad">
        <div class="head-back">
            <h2>
                DỊCH VỤ</h2>
        </div>
        <div class="webwidget_scroller_tab" id="webwidget_scroller_tab">
            <div class="tabContainer">
                <ul class="tabHead">
                    <li class="currentBtn"><a href="javascript:;">Điểm tâm</a></li>
                    <li><a href="javascript:;">Thực Đơn 1</a></li>
                    <li><a href="javascript:;">Thực Đơn 2</a></li>
                    <li><a href="javascript:;">Thực Đơn 3</a></li>
                    <li><a href="javascript:;">Thực Đơn 4</a></li>                   
                   <%-- <li><a href="javascript:;">TĐ 6</a></li>
                    <li><a href="javascript:;">TĐ 7</a></li>
                    <li><a href="javascript:;">TĐ 8</a></li>
                    <li><a href="javascript:;">TĐ 9</a></li>
                    <li><a href="javascript:;">TĐ 10</a></li>
                    <li><a href="javascript:;">TĐ 11</a></li>
                    <li><a href="javascript:;">TĐ 12</a></li>--%>
                </ul>
            </div>
            <div class="tabBody">
                <ul>
                    <li class="tabCot">                      
                        <div class="drop-shadow curved curved-hz-2">
                        <img src="/Hotel/Images/hu_tieu_nam_vang-300.jpg" width="100" height="100" />
                            <p>
                                HỦ TIẾU</p>
                        </div>
                         <div class="drop-shadow curved curved-hz-2">
                        <img src="/Hotel/Images/bit_tet_bo_uc-300.jpg" width="100" height="100" />
                            <p>
                                BÍT TẾT</p>
                        </div>
                         <div class="drop-shadow curved curved-hz-2">
                        <img src="/Hotel/Images/mi-xao-gion-300.jpg" width="100" height="100" />
                            <p>
                                MÌ XÀO</p>
                        </div>
                         <div class="drop-shadow curved curved-hz-2">
                        <img src="/Hotel/Images/pho-300.jpg" width="100" height="100" />
                            <p>
                                PHỞ</p>
                        </div>
                         <div class="drop-shadow curved curved-hz-2">
                        <img src="/Hotel/Images/BANH-MI-OPLA-300.jpg" width="100" height="100" />
                            <p>
                                OPLA</p>
                        </div>
                         <div class="drop-shadow curved curved-hz-2">
                        <img src="/Hotel/Images/bunbo-300.jpg" width="100" height="100" />
                            <p>
                                BÚN BÒ HUẾ</p>
                        </div>
                        <p></p>
                        <div class="note red rounded">
    <p>..., và nhiều món ăn đặc sản Bắc, Trung, Nam và các món Á, Âu. Đến đây, Quý Khách sẽ được thưởng thức các hương vị tuyệt vời từ những món ngon của Khách Sạn Ngọc Tùng. Xin hân hạnh được phục vụ quý khách. </p>
</div>
                    </li>
                    <li class="tabCot">
                 <%-- content--%>
                    </li>
                    <li class="tabCot">
                        <div class="drop-shadow curved curved-hz-2">
                        <img src="/Hotel/Images/taxi.jpg" width="179" height="100" />
                            <p>
                                TAXI</p>
                        </div>
                         <div class="drop-shadow curved curved-hz-2">
                        <img src="/Hotel/Images/wireless-300.jpg" width="150" height="100" />
                            <p>
                                WIFI</p>
                        </div>
                         <div class="drop-shadow curved curved-hz-2">
                        <img src="/Hotel/Images/GIAT-UI.jpg" width="163" height="100" />
                            <p>
                                GIẶT ỦI</p>
                        </div>
                        <p></p>
                        <div class="note red rounded">
    <p>..., với tiêu chí đặt mục tiêu chất lượng lên hàng đầu. Vì vậy, khi đến Khách Sạn Ngọc Tùng Quý Khách sẽ được sự phục vụ tận tình của nhân viên Khách Sạn  </p>
</div>                                                    
                    </li>
                     <li class="tabCot">
                        <div class="drop-shadow curved curved-hz-2">
                        <img src="/Hotel/Images/taxi.jpg" width="179" height="100" />
                            <p>
                                TAXI</p>
                        </div>
                         <div class="drop-shadow curved curved-hz-2">
                        <img src="/Hotel/Images/wireless-300.jpg" width="150" height="100" />
                            <p>
                                WIFI</p>
                        </div>
                         <div class="drop-shadow curved curved-hz-2">
                        <img src="/Hotel/Images/GIAT-UI.jpg" width="163" height="100" />
                            <p>
                                GIẶT ỦI</p>
                        </div>
                        <p></p>
                        <div class="note red rounded">
    <p>1. Mực chiên giòn </p>
    <p>2. Nghêu hấp xả </p>
    <p>3. Tôm ram thịt </p>
    <p>4. Cá thu kho tộ </p>
    <p>5. Cải thìa xào dầu hào </p>
    <p>6. Lẩu chua đầu cá hồi </p>
    <p>7. Cơm trắng - tráng miệng </p>
</div>                                                    
                    </li>
                     <li class="tabCot">
                        <div class="note red rounded" style="width:175px;margin-left:5px;float:left">
   <%--<p>1. Mực chiên giòn </p>--%>
  <p> <span class="dropt" title="Mực chiên giòn">1. Mực chiên giòn<span><img src="/Hotel/Images/GIAT-UI.jpg" width="130px" hight="130px"/><br/>
  Mực chiên giòn
  </span></span></p>
  <p> <span class="dropt" title="Nghêu hấp xả">2. Nghêu hấp xả<span><img src="/Hotel/Images/GIAT-UI.jpg" width="130px" hight="130px"/><br/>
  Nghêu hấp xả
  </span></span></p>  
  <p> <span class="dropt" title="Tôm ram thịt">3. Tôm ram thịt<span><img src="/Hotel/Images/GIAT-UI.jpg" width="130px" hight="130px"/><br/>
  Tôm ram thịt
  </span></span></p>
  <p> <span class="dropt" title="Cá thu kho tộ">4. Cá thu kho tộ<span><img src="/Hotel/Images/GIAT-UI.jpg" width="130px" hight="130px"/><br/>
  Cá thu kho tộ
  </span></span></p>
  <p>  <span class="dropt" title="Cải thìa xào dầu hào">5. Cải thìa xào dầu hào<span><img src="/Hotel/Images/GIAT-UI.jpg" width="130px" hight="130px" style="z-index:100"/><br/>
  Cải thìa xào dầu hào
  </span></span></p>
  <p><span class="dropt" title="Lẩu chua đầu cá hồi">6. Lẩu chua đầu cá hồi<span><img src="/Hotel/Images/GIAT-UI.jpg" width="130px" hight="130px"/><br/>
  Lẩu chua đầu cá hồi
  </span></span></p>
    <p> <span class="dropt" title="Cơm trắng - tráng miệng">7. Cơm trắng - tráng miệng<span><img src="/Hotel/Images/GIAT-UI.jpg" width="130px" hight="130px" style="z-index:100"/><br/>
  Cơm trắng - tráng miệng
  </span></span></p>   
</div>                    
                         <div class="note red rounded" style="width:175px;margin-left:9px;margin-right:9px;float:left">
    <p>..., với tiêu chí đặt mục tiêu chất lượng lên hàng đầu. Vì vậy, khi đến Khách Sạn Ngọc Tùng Quý Khách sẽ được sự phục vụ tận tình của nhân viên Khách Sạn  </p>
</div>                 
                        <div class="note red rounded" style="width:175px;margin-left:15px">
    <p>..., với tiêu chí đặt mục tiêu chất lượng lên hàng đầu. Vì vậy, khi đến Khách Sạn Ngọc Tùng Quý Khách sẽ được sự phục vụ tận tình của nhân viên Khách Sạn  </p>
</div>                                                    
                    </li>
                </ul>
                <div style="clear: both">
                </div>
            </div>
            <div class="modBottom">
                <span class="modABL">&nbsp;</span><span class="modABR">&nbsp;</span>
            </div>
        </div>
    </div>
</asp:Content>